<!DOCTYPE HTML>
<html>

	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="maximum-scale=1.0, minimum-scale=1.0, user-scalable=0, initial-scale=1.0, width=device-width" />
		<meta name="format-detection" content="telephone=no, email=no, date=no, address=no">
		<title>订单信息</title>
		<link rel="stylesheet" type="text/css" href="../../lib/api.css" />
		<link rel="stylesheet" type="text/css" href="../../lib/font-awesome.min.css" />
		<link rel="stylesheet" type="text/css" href="../../css/common.css" />
		<link rel="stylesheet" type="text/css" href="../../css/lib/swiper.css" />
		<link rel="stylesheet" type="text/css" href="../../css/mall/productMsg.css" />
	</head>

	<body>
		<div id="app" v-cloak>
			<!--公共头部开始-->
			<div class="back-header">
				<a v-on:click="close()" class="back-header-a">
					<i class="fa fa-angle-left fa-2x white middle"></i>
				</a>
				<div class="back-header-main">订单信息</div>
			</div>
			<!--公共头部结束-->
			<div class="main">
				<!--商品展示S-->
				<div class="product">
					<div class="product-name-msg">
						<p class="product-name-msg-time">
							{{study_order.created_at ? study_order.created_at :  '0'}}
						</p>
					</div>
					<div class="product-name-msg">
						<img class="product-img" src="../../images/classbg.png"/>
						<h4 class="product-name-msg-title">
							{{study.title ? study.title :  'title'}}
						</h4>
						<p class="product-name-msg-money">
							<i class="fa fa-cny"></i>{{study_order.amount_price ? study_order.amount_price : '0.00'}}
						</p>
						<div class="product-name-msg-c">
							<p class="product-name-msg-c-p">目标分是：
								<span class="product-name-msg-point orange">{{study_order.target_point ? study_order.target_point : '0'}}</span>
							</p>
							<p class="product-name-msg-c-p">课程时间：
								<span class="product-name-msg-clssstime blue">{{study_order.lesson_count ? study_order.lesson_count : '0'}}</span>
							</p>
							<p class="product-name-msg-c-p">教师：
								<span class="product-name-msg-teacher" v-if="study_order.teacher_level == 1">普通教师</span>
								<span class="product-name-msg-teacher" v-if="study_order.teacher_level == 2">高级教师</span>
							</p>
						</div>
						<div class="clear">

						</div>
					</div>
					<div class="product-name-msg">
						<h4 class="product-class-detail-title">课程描述</h4>
						<p class="product-class-detail" v-html="study.description">							
						</p>
					</div>
					<div v-if="status == 0" class="product-name-btn">
						<span class="product-detail-btn" v-on:click="buy()">立即付款</span>
					</div>
					<div v-if="status == 1" class="product-end">
						<img class="product-end-img" src="../../images/end.png"/>
					</div>
				</div>
				<!--商品展示E-->
			</div>
		</div>
	</body>
	<script src="../../script/api.js" type="text/javascript" charset="utf-8"></script>
	<script src="../../script/vue.js" type="text/javascript" charset="utf-8"></script>
	<script src="../../script/common/config.js" type="text/javascript" charset="utf-8"></script>
	<script src="../../script/common/swiper.min.js" type="text/javascript" charset="utf-8"></script>
	<script src="../../script/common/jquery.min.js" type="text/javascript" charset="utf-8"></script>
	<script src="../../script/mall/submitOrder.js" type="text/javascript" charset="utf-8"></script>

</html>